{% extends "base.html" %}
{% block container_tag %}
<div id="container-index">
{% endblock %}
{% block content_ind %}
    {% load thumbnail %}
    <div id="content-index">
        <div id="img-container-main">
        <div id="faded">
            <ul>
                {% for photo in object_list %}
                {%  if photo.type == "left" %}
                    <li>{% thumbnail photo.img "300x550" crop="center" as im %}<img{%  if not forloop.first %} class="hidden" {% endif %} alt="" src="{{ im.url }}" />{% endthumbnail %}</li>
                {%  endif %}
                {% endfor %}
            </ul>
        </div>
    </div><!-- /img-container-left -->

    <!-- img-container-right -->
    <div id="img-container-main2">
        <div id="faded2">
            <ul>
                {% for photo in object_list %}
                {%  if photo.type == "right" %}
                    <li>{% thumbnail photo.img "300x550" crop="center" as im %}<img{%  if not forloop.first %} class="hidden" {% endif %} alt="" src="{{ im.url }}" />{% endthumbnail %}</li>
                {%  endif %}
                {% endfor %}
            </ul>
        </div>
    </div><!-- /img-container-right -->
   </div>
    <div id="text-container">
        {% load markitup_tags %}
       {{ snippets.text_main.content|render_markup|safe }}
    </div><!-- /text-container -->

{% endblock %}
{% block footer_tag %}
	<div id="footer-index">
        <p>{{ snippets.copyright.content }}</p>
        </div>
{% endblock %}